<div class="tool-bar">
  <div class="department-bar">
    <span><B>分公司：</B><select><option value ="volvo">乌江</option></select><B>电站：</B><select><option value ="volvo">东风</option></select><B> 机组：</B><select><option value ="volvo">#1</option></select></span>
  </div>
  <div>
    <button class="btn btn-sm btn-default btn-back" (click)="goBack(true)"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span></button>
  </div>
  <div class="search-bar">
    <app-time-control-search></app-time-control-search>
  </div>
</div>
<div class="main-body">
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-3 col-width2">
        <div class="row">
          <div>
            <app-table-performance-device-params></app-table-performance-device-params>
          </div>
        </div>
      </div>
      <div class="col-sm-8 ">
        <div class="device_structure">
          <div class="icon">
            <div class="col-sm-3">
              <div class="row">
                <div class="col-sm-5 status-icon status-icon-1"></div>
                <div class="col-sm-7 status-name">中断</div>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="row">
                <div class="col-sm-5 status-icon status-icon-2"></div>
                <div class="col-sm-7 status-name">正常</div>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="row">
                <div class="col-sm-5 status-icon status-icon-4"></div>
                <div class="col-sm-7 status-name">预警</div>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="row">
                <div class="col-sm-5 status-icon status-icon-5"></div>
                <div class="col-sm-7 status-name">报警</div>
              </div>
            </div>
          </div>
          <button type="button" class="btn btn-primary btn-contrast" (click)="contrastModal.show()">对比分析</button>


          <button type="button" class="btn btn-primary btn-detailed">详细分析</button>
          <div class="hotspot hotspot-anemometer" (click)="navigator(1)"></div>
          <div class="anemometer">
            <table>
              <tr>
                <td colspan="2" class="td-left">时段效率偏差</td>
                <td colspan="2" class="td-right red">0%</td>
              </tr>
              <tr>
                <td colspan="2" class="td-left">时段导叶漏水率</td>
                <td colspan="2" class="td-right green">1.01%</td>
              </tr>
            </table>
          </div>
          <div class="hotspot hotspot-gearbox" (click)="navigator(2)"></div>
          <div class="gearbox">
            <table>
              <tr>
                <td colspan="2" class="td-left">温升XX</td>
                <td colspan="2" class="td-right green">8%</td>
              </tr>
              <tr>
                <td colspan="2" class="td-left">冷却</td>
                <td colspan="2" class="td-right green">1.01%</td>
              </tr>
            </table>
          </div>
          <div class="hotspot hotspot-pitch" (click)="navigator(3)"></div>
          <div class="pitch">
            <table>
              <tr>
                <td colspan="2" class="td-left">振动区运行时间占比</td>
                <td colspan="2" class="td-right red">8%</td>
              </tr>
              <tr>
                <td colspan="2" class="td-left">超标占比</td>
                <td colspan="2" class="td-right green">1.01%</td>
              </tr>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<!--对比分析-->
<div bsModal #contrastModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" >
  <div class="modal-dialog modal-lg">
    <div class="modal-header">
      <h4 class="modal-title pull-left">对比分析</h4>
      <button type="button" class="close pull-right" (click)="contrastModal.hide()" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="modal-body">
      <app-table-contrast [companyna]="'乌江'" [stationna]="'东风'" [unitna]="'#1'"></app-table-contrast>
    </div>
  </div>
</div>
